Neh1,
h2,
h3,
h4,
p {
color: rgb(0, 128, 128);
}
/*begin navbar style*/

.navbar {
padding: 0px;
align-items:center;
justify-content:center;
}
#top-nav {
  background-color: rgb(0, 128, 128);
}
#social-icons {
display:flex;

margin-left: 10%;
}
.header-social-icon {
font-size: 20px;
text-decoration: none;
color: rgba(255, 255, 255, .8);
padding: 5px;
border-radius: 100%;
}
.fa-facebook:hover, .fa-instagram:hover{color: rgba(255, 255, 255, 1);}
#bottom-nav {
background-color: rgba(255, 255, 255, 0.8);
padding:0px;
}
#inner-bottom-nav{
  width:100vw; 
  max-width:100%; 
  margin:0px; 
}
.navbar-brand{align-items:center;}
#brand-logo {
height: 70px;
width: 70px;
}
#brand-vertical-bar{
  height: 50px;
  width:2px;
  border-radius:100px;
  margin-left: 5px;
  background-color:rgb(0, 128, 128);
}
#brand-text {
  display:inline-block;
  padding-left: 10px;
  color: rgb(0, 128, 128);
  font-size:15px;
}
#button-container{
  display:inline-flex;
  justify-content:end;
  align-items:center;
}
.navbar-toggler{margin-right:10%;}
#collapse-container{
  position:relative;
  display:inline-flex;
  padding:0px;
}
.navbar-collapse{
  width:100%;
  justify-content:space-around;
  position:absolute;
  top:100%;
  background-color: rgb(255, 255, 255);
}
.navbar-nav{width:100%;}
.nav-link{white-space: nowrap;}
.dropdown{position:relative;}
.dropdown-menu{
  position:absolute !important;
  background-color: rgb(255, 255, 255);
}

/*end navbar style*/

/*begin header style*/

.index-header-col{
  position: relative;
overflow: hidden;
padding:0px;
}

#header-image {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
height:66vw;
width:100vw;
opacity: .3;
z-index: 1;
padding:0px;
margin-top:-12vw;
margin-bottom:-3vw;
}

#header-text{
position:absolute;
z-index: 2;
width:70vw;
top:6vw;
}
#hero-text {
text-align:center;
font-size:25px;
align-self:center;
}
#motto-text{
color: rgb(0, 128, 128);
font-size:15px;
font-weight:700;
text-align:center;
}
#header-phone-number{
text-align:center;
font-weight:700;
font-size:12px;
padding:5px 20px;
margin-top:10px;
background-color: rgb(0, 128, 128);
color: rgb(255, 255, 255);

border-radius:100px;
align-self:center;
text-decoration:none;
}
#header-phone-number:hover{background-color: rgb(0, 204, 204);}
#available-bar{
  width:100vw;
padding:1vw;
text-align:center;
position:absolute;
bottom:0;
background-color:rgba(0, 128, 128, .9);
z-index:3;
}
#available-text{
color: rgb(255, 255, 255);
font-size:30px;
font-weight:600;
}

/*end header style*/

/*Begin 25 Breakfast Fundraiser style*/
#twenty-twenty-five-revive-section{
  margin-top:30px;
}
#NewReviveHeader{
  margin-bottom:30px;
}
#BreakfastFundraiserImg{
  max-width:100%;
  width:450px;
  height:270px;
  border-radius:10px;
}
.NewReviveTicketsAnchor{
  display:inline-block;
  margin-top:20px;
}
/*end 25 Breakfast Fundraiser style*/

/*begin reviews section*/
.reviews-section{
   margin-top:50px;
  margin-bottom:50px;
}
.reviews-container-col{
  border:2px solid rgb(0, 128, 128);
  border-radius:10px;
  padding-top:30px;X
}
#reviews-carousel-indicators{ 
  bottom:-15px;
}

 .review-carousel-indicator{ 
  background-color:rgb(0, 128, 128) !important;

}

#review-inner-carousel{
  height:200px;
  width:100%;
  display: flex;
  justify-content: center;
  align-items: start;
  margin-top:30px;
  overflow:hidden;
}

.review-carousel-item{
  /*border:2px, solid, rgb(0, 128, 128);
  border-radius:10px;*/
  padding:10px;
  margin:0px;
}

.review-author{
  font-size:18px;
  font-weight:bold;
  color:rgb(0, 128, 128);
}

.review-text{
  overflow:hidden;
  color:rgb(0, 128, 128);
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;
  text-overflow:ellipsis;
}
.review-carousel-item.active:hover .review-text{
  -webkit-line-clamp:unset;
   overflow:visible;
}

.fa-star-half-stroke, .fa-star{
  font-size:20px;
  visibility:visible;
  font-family: 'FontAwesome', sans-serif !important;
  color:gold;
}

.review-google-attribution{
  font-size:12px;
  visibility:visible;
  color:rgb(0, 128, 128);
  margin-top:11px;
  line-height:10px;
}

/*end reviews section*/

/*begin Revive Breakfast Section*/

.revive-section-header{
  margin-bottom:50px;
}

#revive-carousel, #basket-carousel{
  width:100%;
  height:250px;
  display:flex;
  align-items: center;
}
.carousel-item{

}
.carousel-img{
  max-height:250px;
  max-width:100%;
  border-radius: 10px;
  margin-left:50%;
  transform:translate(-50%, 0);
}

/*end Revive Breakfast Section*/
/*begin about style*/


#about-header {
margin-top:50px;
margin-bottom: 20px;
}
#safe-station-img {
height: 90%;
width: 100%;
border-radius:10px;
}
.section-divider{margin-top:50px; margin-bottom:50px;}
/*end about style*/
/*begin social media section*/

#social-section-text-container{
  padding-top:100px;
}
#social-section-header{
  padding-bottom:5px;
}
#social-section-logo-container > .fab{
  color: rgb(0, 128, 128);
  text-decoration: none;
  font-size: 20px;
  margin:5px;
}
#social-section-logo-container > .fab:hover{
  color: rgb(0, 204, 204);
}
#cellphone-container{
  position:relative;
  height:500px;
}
#cellphone{ 
  position:absolute;
 height:480px;
 width:240px;
 transform:rotate(-.25deg);
}
#reel{
  position:absolute;
  top:65px;
  width:197px;
  height:350px;
  border-radius:20px;
}

/*end social media section*/
/*begin news section*/
.news-article-header{
  margin-bottom:50px;
}
.news-article-button{
  margin-top:50px;
}
.basket-section{
  margin-top:40px;
  
}
.recovery-basket-section{
 /* border:2px solid rgb(0, 128, 128);
  border-radius:10px;
  padding-top:30px;*/
}
.news-section-header{
  margin-bottom:20px;
}
#news-section{margin-bottom:50px;}
.news-row{
  margin-bottom:100px;
}

/*end news section*/
/*begin news video link style*/
#baskets-for-recovery-header{
  
  margin-bottom:20px;
}
.baskets-image-row{
  justify-content: space-around;
  margin-bottom:30px;
}
#baskets-for-recovery-image{
  height:350px;
  width:350px;
  border-radius:10px;
  margin-bottom:20px;
}
.gs-uls{
  padding-top:20px;
}
.gs-info-ul{
  /*margin-bottom: 40px;*/
}
.gs-li{
display:flex;
padding:0px;
}
.gs-FA{
  color:rgb(0,128,128);
  width:40px;
  padding-right:20px;
}
.calendar-icon{
  margin-top:8px;
}
.location-dot-icon{
  margin-top:15px;
}
.baskets-link-container{
  width:auto;
  margin-top:30px;
}
.basket-link{
  font-size: 22px;
  padding: 10px 40px;
  white-space: nowrap;
  background-color: rgb(0, 128, 128);
  border-radius: 100px;
  text-decoration: none;
  color: rgb(255, 255, 255);
}
.news-anchor{text-decoration:none;}
#WBOC-video-img{
  height:400px;
  width:350px;
  border-radius:10px;
}

/*end news video link style*/
/*begin newsletter style*/

#newsletter-section{
  margin-bottom:180px;
}
#newsletter-container{
  position:relative;
}
#newsletter-container::before{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  height:50%;
  width:100%;
  background:linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
  z-index:2;
}
#newsletter-png{
  position:absolute;
  bottom:0;
  left:0;
  border:solid 1px rgba(0,0,0,.3);
  border-bottom:none;
  width:100%;
  height:auto;
}
#newsletter-anchor{
  text-decoration:none;
}
#newsletter-button-container{
  position:relative;
}
#view-newsletter-button{
  position:absolute;
  bottom:-50px;
  left:50%;
  transform:translate(-50%, 50%);
  hieght:50px;
  border-radius:5px;
  background-color: rgb(0, 128, 128);
  z-index:3;
  color: white;
  padding: 10px;
  font-size:20px;
}
#view-newsletter-button:hover{
  background-color: rgb(0, 204, 204);
}

/*end newsletter style*/
/*begin get involved style*/

#get-involved-row {
position: relative;
background-color: rgba(0, 128, 128, .8);
overflow: hidden;
}
#get-involved-volunteer,
#get-involved-donate {
z-index: 2;
margin: 100px 0px;
}
#get-involved-volunteer{margin-bottom:50px;}
#get-involved-donate{margin-top: 50px;}
#get-involved-container,
#get-involved-header,
#get-involved-text,
#get-involved-text {
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
#get-involved-anchor {
color: rgb(255, 255, 255);
font-size: 22px;
padding: 10px 40px;
white-space: nowrap;
background-color: rgb(0, 128, 128);
border-radius: 100px;
text-decoration: none;
}
#get-involved-anchor:hover {background-color: rgb(0, 204, 204);}
#get-involved-img {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
background-size: 100% 100%;
opacity: 0.4;
z-index: 1;
height:75vw;
width:100vw;
min-height:744px;
min-width:992px;
padding:0px;
}

/*end get involved style*/

/*begin footer style*/

#footer {
background-color: rgb(0, 128, 128);
padding: 40px 0px;
}
footer *{color:rgb(255, 255, 255);}
.footer-col{
}
#footer-logo {
height: 115px;
width: 115px;
background-color:rgb(0, 204, 204);
border-radius:30px;
}
#footer-social-header{margin-top:20px;}
.footer-social-icon{
  color: rgba(255, 255, 255, .8);
  font-size:20px;
  text-decoration: none;
  margin:2px;
}
.footer-social-icon:hover{color: rgba(255, 255, 255, 1);}
#footer-phone-number-anchor, #footer-address-anchor{text-decoration: none;}
#anon-websites {
  list-style-type: none;
  padding:0px;
}
.anon-list-item {
margin-top: 10px;
decoration: none;
}
.anon-site{
  text-decoration: none;
  color: rgb(77, 0, 153);
}
.anon-site:link{color: rgb(255, 255, 255);}
.anon-site:visited {color: rgb(255, 255, 255);}
.anon-site:hover{color:rgba(255, 255, 255, .8);}
#map {height:230px; width:230px; border-radius:20px;}

/*end footer style*/

/*extra small*/

@media screen and (max-width: 576px) {
header {
  min-height: 60vh;
}
#mobile-header-img{
  display:block;
  position:absolute;
  margin-bottom:0px;
  left:-120px;
  bottom:0%;
  height:100%;
}
#mobile-header-img2{display:none}
#header-image{
  display:none;
}
#header-text{
width:95vw;
left:50%;
top:25%;
transform:translate(-50%, -50%);
border-radius:50px;
/*background-color: rgba(0, 128, 128,.5);
padding:13px;*/
}
#hero-text{
  font-size: 27px;
  color:rgb(255, 255, 255);
}
#motto-text{
font-size:15px;
font-weight:600;
text-align:center;
color:rgb(255, 255, 255);
}
#available-text{font-size:30px;}

#BreakfastFundraiserImg{
  margin-bottom:30px;
}
#basket-carousel{
  margin-bottom:30px;
}
#review-inner-carousel{
  height:300px;
}
.review-text{
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:8;
}

.centered-small-screen{
  text-align: center;
}
#giving-tuesday-p{
  margin-top:10px;
  
}
.revive-section-header{
  margin-bottom:10px;
}
#revive-carousel, #basket-carousel{
  height:250px;
}
.news-article-button{
  margin-top:20px;
}
.news-p{
  text-align:center;
  margin-top:30px;
}
#newsletter-section{
  margin-bottom:180px;
}
#newsletter-container{
  width:80vw;
   height:230px;
}

#view-newsletter-button{
font-size:15px;
}
.footer-col{
text-align: center;
margin-top: 20px;
}
}

/*small*/

@media screen and  (min-width: 576px) {
header {
  min-height: 75vh;

}
#mobile-header-img{
  display:none;
}
#mobile-header-img2{
  display:block;
  position:absolute;
  right:0px;
  bottom:0px;
  height:75vh;
  min-width:100vw;
  object-fit: cover;
}

#header-image{
  display:none;
}
#header-text{
width:80vw;
left:50%;
top:25%;
transform:translate(-50%, 0%);
}
#hero-text{
  font-size: 35px;
  color:rgb(0, 128, 128);
}



#motto-text{
font-size:15px;
font-weight:600;
text-align:center;
color:rgb(0, 128, 128);
}
#BreakfastFundraiserImg{
  margin-bottom:30px;
}
#basket-carousel{
  margin-bottom:30px;
}
#review-inner-carousel{
  height:260px;
}
.review-text{
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6;
}

#giving-tuesday-p{
  margin-top:10px;
  
}

.news-p{
  text-align:center;
  margin-top:30px;
}
#newsletter-container{
  width:80vw;
   height:350px;
}

.footer-col{margin-bottom:50px;}
}

/*medium*/

@media screen and  (min-width: 768px) {
#button-container{display:none;}
.navbar-collapse{
  position:relative;
  top:0%;
  background-color:rgba(255, 255, 255, 0.1);
}

#hero-text{font-size:40px;}
#motto-text{font-size:18px;}
#header-phone-number{font-size:15px;}
#available-text{font-size:30px;}

#basket-carousel{
  margin-bottom:0px;
}
/*
#review-inner-carousel{
  height:230px;
}
.review-text{
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5;
}
*/
.centered-small-screen{text-align:start;}
#giving-tuesday-p{
  margin-top:0px;
}

.news-p{
  text-align:left;
  margin-top:0px;
}
#newsletter-container{
  width:50vw;
   height:290px;
}
#get-involved-volunteer,
#get-involved-donate{margin: 100px 0px;}
.footer-col{margin-bottom:0px;}
#map{width:min(230px, 100%);}
}

/*large*/

@media screen and  (min-width: 992px) {
    header {
  min-height: 51vw;
}
#mobile-header-img2{
  display:none;
}

#header-image{
  display:block;
  opacity:1;
}
#header-text{
top:8vw;
left:20vw;
width:38vw;
padding-top:0vw;
transform:translate(0%, 0%);
}
#motto-text,#hero-text{
  color:rgb(0, 128, 128);
}
#hero-text{font-size:32px;}
#motto-text{font-size:20px; width:90%;margin-left:5%;}
#available-text{font-size:35px;}

#review-inner-carousel{
  height:210px;
}
.review-text{
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;
}

#newsletter-container{
  width:50vw;
   height:320px;
}
}

/*extra large*/

@media screen and  (min-width: 1200px) {
#brand-text {font-size: 18px;}
#header-text{
top:8vw;
left:18vw;
width:45vw;
padding-top:0vw;
}
#motto-text{font-size:20px; width:80%;margin-left:10%;}
#hero-text{font-size:42px;}
#available-text{font-size:40px;}
#BreakfastFundraiserImg{
  margin-bottom:0px;
}
#review-inner-carousel{
  height:210px;
}
.review-text{
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;
}

#newsletter-container{
  width:40vw;
   height:375px;
}
}

/*extra extra large*/

@media screen and (min-width: 1400px) {
#hero-text{font-size:50px;}
#available-text{font-size:45px;}
#newsletter-container{
  width:40vw;
   height:425px;
}
}
